<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no, viewport-fit=cover"
    name="viewport" id="viewport" />

  <title>加入超级合伙人</title>
  <link rel="stylesheet" href="layer/skin/default/layer.css">
  <link rel="stylesheet" type="text/css" href="css/style.css" />

  <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
  <script src="layer/layer.js"></script>
  <script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
  <script src="js/clipboard.min.js"></script>
  <script type="text/javascript" src="js/rem.js"></script>

  <script type="text/javascript">

    $(document).ready(
      function () {
        var WX = '18336398955';
        var clipboard = (text, event) => {
          const cb = new ClipboardJS('.t', {
            text: function () {
              return text
            }
          })
          cb.on("success", function (e) {
            // 复制成功
            e.clearSelection();
          });
          cb.on("error", function (e) {
            console.log("复制失败")
          });
          cb.onClick(event)
        }

        var nowpage = 0;
        //给最大的盒子增加事件监听

        var mySwiper = $(".container").swipe(
          {
            swipe: function (event, direction, distance, duration, fingerCount) {
              if (direction == "up") {
                nowpage = nowpage + 1;
              } else if (direction == "down") {
                nowpage = nowpage - 1;
              }
              if (nowpage > 4) {
                nowpage = 4;
              }
              if (nowpage < 0) {
                nowpage = 0;
              }
              $(".container").animate({ "top": nowpage * -100 + "%" }, 400);
              $(".page").eq(nowpage).addClass("cur").siblings().removeClass("cur");

            },
            tap: function (event, target) {
              if ($(target).attr("class") === 'next-img') {
                console.log($(target).attr("class"));
                nowpage += 1;
                if (nowpage > 4) {
                  nowpage = 4;
                }
                $(".container").animate({ "top": nowpage * -100 + "%" }, 400);
                $(".page").eq(nowpage).addClass("cur").siblings().removeClass("cur");
              }
              if ($(target).attr("class") === 'cop_wx') {

                if (WX) {
                  clipboard(WX, event)
                  layer.msg('复制成功');
                } else {
                  layer.msg('复制失败');
                }
              }

            }
          }



        );
      }

    );

  </script>

</head>

<body onmousewheel="return false;">

  <!--效果html开始-->

  <div class="container">

    <div class="page page0 cur">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg.png" alt="">
      </div>
      <div class="con">
        <div class="tit">
          <img src="images/page1_tit.png" alt="">
        </div>
        <div class="tit2">
          <img src="images/page1_tit2.png" alt="">
        </div>
        <p>
          <img src="images/page1_text.png" alt="">
        </p>

      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>
    </div>


    <div class="page page1 cur">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <!--         
                  <div class="tit  ">
                    <img src="images/page2_tit.png" alt="">
                  </div>
                  <div class="flex_column flex1">
                    
                    <div class="text2 grow1 flex_mid">
                      <img class="img1" src="images/page2_text1.png" alt="">
                    </div>
                    <div class="text2 grow1 flex_mid">
                      <img class="img2" src="images/page2_text2.png" alt="">
                    </div>
                    <div class="text2 grow1 flex_mid">
                      <img class="img3" src="images/page2_text3.png" alt="">
                    </div> 
                  </div> -->

          <!-- <div class="tit grow1 flex_mid">
                    <img src="images/page2_tit.png" alt="">
                  </div>
                  <div class="text2 grow1 flex_mid">
                    <img class="img1" src="images/page2_text1.png" alt="">
                  </div>
                  <div class="text2 grow1 flex_mid">
                    <img class="img2" src="images/page2_text2.png" alt="">
                  </div>
                  <div class="text2 grow1 flex_mid">
                    <img class="img3" src="images/page2_text3.png" alt="">
                  </div> -->


          <div class="tit">
            <img src="images/page2_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;min-height: 9.68rem;">
            <div style="margin-top: .4rem;">

              <div class="text2 ">
                <img class="img1" src="images/page2_text1.png" alt="">
              </div>
              <div class="text2 ">
                <img class="img2" src="images/page2_text2.png" alt="">
              </div>
              <div class="text2 ">
                <img class="img3" src="images/page2_text3.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page2">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <div class="tit">
            <img src="images/page3_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;min-height: 9.68rem;">
            <div style="margin-top: .8rem;">
              <div class="text2">
                <img class="img1" src="images/icon1.png" alt="">
              </div>
              <div class="text2">
                <img class="img2" src="images/icon2.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page3">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <div class="tit">
            <img src="images/page4_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;min-height: 9.68rem;">
            <div style="margin-top: 1.2rem;">
              <div class="text2">
                <!-- <img class="img1" src="images/page4_text1.png" alt=""> -->
                <p class="page3_text_tit">
                  立马省钱
                </p>
                <p class="page3_text_tit2">
                  一个用手机就能省钱的应用平台
                </p>
                <p class="page3_text_tit2">
                  还有更多的赚钱机会
                </p>
              </div>
              <div class="text2 text2_2">
                <img class="img2" src="images/page3_bg.png" alt="">
                <p class="page3_text">
                  “立马省钱”项目创建于2019年，由郑州淘客电子商务有限公司独立开发、运营，是一款集“自用省钱”+“分享赚钱”为一体的智能导购软件。用户可以通过APP一键搜索淘宝、京东、拼多多等电商平台的大额隐藏优惠券，达到购物省钱的目的。同时用户可以邀请新好友注册或者将商品的优惠信息链接分享给朋友、家人等，通过促成商品销售获得奖励。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- <div class="con">
        <div class="con-top">
          <img src="images/top_bg.png" alt="">
        </div>
        <div class="con-bot">
          <img src="images/bottom_bg2.png" alt="">
        </div>
        <div class="tit">
          <img src="images/page4_tit.png" alt="">
        </div>
        <div class="text2">
          <img class="img1" src="images/page4_text1.png" alt="">
          <img class="img2" src="images/page4_text2.png" alt="">
        </div>
      </div> -->
      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page4">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <!-- <div class="con flex_column">
          <div class="tit">
            <img src="images/page5_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;min-height: 9.68rem;">
            <div style="margin-top: 1rem;">
              <div class="text2">
                <div class="img">
                  <img class="img1" src="images/wx.jpg" alt="">
                </div>
                <p class="wx-text">添加客服微信，咨询有好礼</p>
              </div>
            </div>
          </div>
        </div> -->

        <div class="con flex_column">
          <div class="tit">
            <img src="images/new_page5_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
            <div style="margin-top: 1rem;">
              <div class="contact_item flex_mid">
                <div class="left flex1">
                  <p class="title">手机号</p>
                  <p class="contact_item_con contact_item_tel">183-3639-8955</p>
                </div>
                <div class="right" style="width: 1.9rem;">
                  <a href='tel:183-3639-8955' class="tel_a">
                    <p style="text-align: center;">
                      <img src="images/tel_ico.png" alt="" style="width: .76rem;">
                    </p>
                    <p style="display: block;font-size:.26rem;
                    font-family:PingFangSC-Medium,PingFang SC;
                    font-weight:500;
                    color:rgba(126,95,209,1); text-align: center;">一键拨打</p>
                  </a>

                </div>
              </div>
              <div class="contact_item flex_mid">
                <div class="left flex1">
                  <p class="title">添加微信好友咨询</p>
                  <p class="contact_item_con contact_item_wx">183-3639-8955</p>
                </div>

                <div class="right" style="width: 1.9rem;">
                  <p style="opacity: 0;visibility: hidden;">添加微信好友咨询</p>
                  <span class="cop_wx">复制微信号</span>
                </div>
              </div>
            </div>
          </div>
          <p class="bot">立马省钱APP</p>
        </div>
      </div>


      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <!-- <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div> -->

    </div>



    <!--效果html结束-->



</body>

</html>